<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>24_扩展-nth-child</title>

        <style>
            /* （1）如果什么都不写 或者 写0 那么就没选中 */
            /* ul li:nth-child(0) {
                color: red;
            } */

            /* （2） n：选中的那个元素 从1开始 到n结束*/
            /* ul li:nth-child(3) {
                color: red;
            } */

            /* (3)n 如果单纯的写了一个n  那么就代表的是所有的元素 */
            /* ul li:nth-child(n) {
                color: red;
            } */

            /* (4)  2n even 代表的是偶数行*/
            /* ul li:nth-child(2n) {
                color: red;
            } */

            /* ul li:nth-child(2n) {
                color: red;
            } */

            /* ul li:nth-child(even) {
                color: red;
            } */

            /* (5) 2n+1 odd 奇数 */
            /* ul li:nth-child(2n+1) {
                color: red;
            } */

            /* ul li:nth-child(odd) {
                color: red;
            } */


            /* (6) -n+值   想取前几个就+谁就可以了*/
            ul li:nth-child(-n+5) {
                color: red;
            }
        </style>


    </head>
    <body>

        <!-- ul>li{xxxx$} * 6 -->
        <ul>
            <li>我是列表项1</li>
            <li>我是列表项2</li>
            <li>我是列表项3</li>
            <li>我是列表项4</li>
            <li>我是列表项5</li>
            <li>我是列表项6</li>
        </ul>
    </body>
</html>